<template>
    <view class="bg-white pt-2 alls">
        <!-- 医院信息区域 -->
        <view class="flex flex-col p-2 text-[20rpx] text-gray-800">
            <!-- 延续护理信息标题 -->
            <view class="flex items-center py-1">
                <text class="font-bold whitespace-nowrap">延续护理信息</text>
            </view>

            <!-- 信息延续部分 -->
            <view class="flex items-center gap-2 py-1">
                <text class="font-bold text-gray-600 whitespace-nowrap">信息延续：</text>
                <text class="text-gray-600 whitespace-nowrap">延续护理文书</text>
                <text class="text-gray-600 whitespace-nowrap">健康档案</text>
            </view>

            <!-- 管理延续部分 -->
            <view class="flex items-center gap-2 py-1">
                <text class="font-bold whitespace-nowrap">管理延续：</text>
                <text class="whitespace-nowrap">广西医科大学第二附属医院</text>
                <text class="text-gray-600 whitespace-nowrap">神经内科</text>
                <text class="text-gray-600 whitespace-nowrap">一病区</text>
            </view>

            <!-- 责任人员信息 -->
            <view class="flex items-center gap-2 py-1">
                <text class="font-bold whitespace-nowrap">关系延续：</text>
                
                <view class="flex items-center gap-1">
                    <label class="text-gray-600 whitespace-nowrap">责任医生：</label>
                    <input class="border-b border-gray-300 p-1 flex-1 whitespace-nowrap" value="张三" />
                </view>

                <view class="flex items-center gap-1">
                    <label class="text-gray-600 whitespace-nowrap">责任护士：</label>
                    <input class="border-b border-gray-300 p-1 flex-1 whitespace-nowrap" value="张三" />
                </view>

                <view class="flex items-center gap-1">
                    <label class="text-gray-600 whitespace-nowrap">责任护工：</label>
                    <input class="border-b border-gray-300 p-1 flex-1 whitespace-nowrap" value="张三" />
                </view>
            </view>

            <!-- 订单指导员信息 -->
            <view class="flex items-center gap-2 py-1">
                <text class="font-bold text-gray-600 whitespace-nowrap">订单指导员：</text>
                <text class="text-gray-600 whitespace-nowrap">广西医科大学第二附属医院</text>
                <text class="text-gray-600 whitespace-nowrap">神经内科</text>
                <text class="text-gray-600 whitespace-nowrap">一病区</text>
            </view>

            <!-- 技术指导机构 -->
            <view class="flex items-center gap-2 py-1">
                <text class="font-bold text-gray-600 whitespace-nowrap">技术指导机构：</text>
                <text class="text-gray-600 whitespace-nowrap">广西医科大学第二附属医院</text>
                <text class="text-gray-600 whitespace-nowrap">神经内科</text>
                <text class="text-gray-600 whitespace-nowrap">一病区</text>
            </view>

            <!-- 服务机构 -->
            <view class="flex items-center gap-2 py-1">
                <text class="font-bold text-gray-600 whitespace-nowrap">服务机构：</text>
                <text class="text-gray-600 whitespace-nowrap">华声健康医疗（广州）有限公司</text>
                <text class="text-gray-600 whitespace-nowrap">神经内科</text>
                <text class="text-gray-600 whitespace-nowrap">一病区</text>
            </view>

            <!-- 健康管家 -->
            <view class="flex items-center gap-2 py-1">
                <text class="font-bold text-gray-600 whitespace-nowrap">健康管家：</text>
                <text class="text-gray-600 whitespace-nowrap">张三</text>
            </view>
        </view>

        <!-- <image class="w-full my-2" :src="pic" mode="widthFix" />
        <view v-html="desc"></view> -->
    </view>
</template>

<script setup lang="ts">
import pic from '@/assets/ico/info.jpg';
const props = defineProps({
    desc: {
        type: String,
        default: ""
    }
});
console.log("description ----", props.desc);
</script>

<style lang="scss">
.alls{
    color: #333;
    font-size: 14px;
    padding: 10rpx;
    img{
        width: 100% !important;
    }
    view{
        width: 100% !important;
    }
}
</style>